<template>
  <div>
    <div  style="height: 100vh; overflow: auto">
      <main >
        <div  class="van-nav-bar van-hairline--bottom">
          <div class="van-nav-bar__content">
            <div class="van-nav-bar__left">
              <i 
                class="iconfont van-icon van-icon-arrow-left van-nav-bar__arrow"
                style="color:#fff;font-size:24px"
              >
                  <!---->&#xe607;
              </i>
            </div>
            <div class="van-nav-bar__title van-ellipsis">优惠券中心</div>
          </div>
        </div>
        <div  class="cash-coupon"></div>
        <div >
          <div  class="coupon-list">
            <div  class="list-left">
              <div >
                <span >￥</span>
                <span  class="priceNum">5</span>
                <!---->
              </div>
              <div >满40元减5元</div>
            </div>
            <div  class="list-right">
              <div  class="right-title">满40元减5元</div>
              <div  class="right-time">
                <span >
                    2021-04-14至2021-04-21
                </span>
                <button
                  
                  class="van-button van-button--danger van-button--mini"
                >
                  <div  class="van-button__content">
                    <span  class="van-button__text">
                        立即领取
                    </span>
                  </div>
                </button>
              </div>
            </div>
          </div>
          <div  class="coupon-list">
            <div  class="list-left">
              <div >
                <span >￥</span>
                <span  class="priceNum">10</span>
                <!---->
              </div>
              <div >满60元减10元</div>
            </div>
            <div  class="list-right">
              <div  class="right-title">满60元减10元</div>
              <div  class="right-time">
                <span >
                    2021-04-14至2021-04-21
                </span>
                <button
                  
                  class="van-button van-button--danger van-button--mini"
                >
                  <div  class="van-button__content">
                    <span  class="van-button__text">
                        立即领取
                    </span>
                  </div>
                </button>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>
  </div>
</template>

<script>
export default {

};
</script>

<style scoped src="../../assets/css/Coupons.css">
/* @import url('../../assets/css/Coupons.css'); */
</style>